<template>
    <div class="products_brand">
        <Header/>
        <div class="second_show">
            <div class="img"></div>
            <div class="pages_w1470">
                <div class="second_show_text brand" v-if="menudatalist">
                    <div class="second-title">
                        <p class="en">{{menudata.son[2].alias}}</p>
                        <p class="cn">{{menudata.son[2].name}}</p>
                    </div>
                    <div class="text"><img :src="this.$store.state.domain+menudatalist[2].imgs[0]"></div>
                </div>
            </div>
            <i class="tips"></i>
        </div>

        <div class="second_box" v-if="menudatalist">
            <img src="../assets/images/s3.png" class="ysy-r1">
            <div class="pages_w1470 pa-tb-5">
               <div class="ysy_survey fl-clr opacity" data-uk-scrollspy="{cls:'uk-animation-slide-top',delay:300}">
                   <div class="img"><img :src="this.$store.state.domain+menudatalist[2].imgs[1]"></div>
                   <div class="txt" v-html="menudatalist[2].content">
                   </div>
               </div>

               <div class="ysy_endorse fl-clr opacity" data-uk-scrollspy="{cls:'uk-animation-slide-top',delay:300}">
                   <div class="txt" v-html="menudatalist[2].son[0].content"></div>
                   <div class="img"><img :src="this.$store.state.domain+menudatalist[2].son[0].imgs[0]"><img :src="this.$store.state.domain+menudatalist[2].son[0].imgs[1]"></div>
               </div>

            </div>
        </div>
        <div class="second_box dosage-bj" v-if="menudatalist">
            <img src="../assets/images/young-jt.png" class="young-jt">
            <img src="../assets/images/s4.png" class="young-r1">
            <div class="pages_w1470 pa-tb-5">
                <div class="second-title align-c opacity" data-uk-scrollspy="{cls:'uk-animation-slide-top',delay:300}">
                    <p class="en">{{menudatalist[2].son[1].alias}}</p>
                    <p class="cn">{{menudatalist[2].son[1].name}}</p>
                </div>

                <ul class="ul products_brand_list fl-clr opacityli" data-uk-scrollspy="{cls:'uk-animation-slide-top', target:'> li', delay:300}">
                    <li v-for="(item,index) in menudatalist[2].son[1].data" :key="index" >
                       <a target="_blank" :href="item.source" class="box scale">
                            <div class="img"><img :src="$store.state.domain+item.pic"></div>
                            <p class="title">{{item.name}}</p>
                        </a>
                    </li>
                </ul>

                <div class="second-title align-c opacity" data-uk-scrollspy="{cls:'uk-animation-slide-top',delay:300}">
                    <p class="en">{{menudatalist[2].son[2].alias}}</p>
                    <p class="cn">{{menudatalist[2].son[2].name}}</p>
                </div>

                <ul class="ul products_brand_list fl-clr opacityli" data-uk-scrollspy="{cls:'uk-animation-slide-top', target:'> li', delay:300}">
                    <li v-for="(item,index) in menudatalist[2].son[2].data" :key="index" >
                        <a target="_blank" :href="item.source" class="box scale">
                            <div class="img"><img :src="$store.state.domain+item.pic"></div>
                            <p class="title">{{item.name}}</p>
                        </a>
                    </li>

                </ul>

                <a :href="menulistconfig[7].name" target="_blank" class="products_brand_more"></a>
            </div>
        </div>
        <Footer/>
    </div>
</template>
<script>
import Header from '../components/Header.vue'
import Footer from '../components/Footer.vue'
export default {
    components: {
        Footer,Header
    },
    computed: {
        menudata() {
            if(JSON.stringify(this.$store.getters.getmenudata(6)).length>100){
                return this.$store.getters.getmenudata(6)
            }else{
                return false
            }
        },
        menudatalist() {
            if(JSON.stringify(this.$store.getters.getmenudatalist(6)).length>100){
                return this.$store.getters.getmenudatalist(6)
            }else{
                return false
            }
        },
        menulistconfig() {
            return this.$store.getters.getmenuconfig
        }
    },
    mounted () {
        console.log(this.$store.getters.getmenudatalist(6));
        $('.second_show .tips').fadeIn(1000)
        $('.second_show').addClass("show")
    }
}
</script>
